{{#if flash}}
  <article class="message {{flash.type}}">
    <div class="message-header">
      {{flash.title}}
    </div>
    <div class="message-body">
      {{flash.message}}
    </div>
  </article>
{{/if}}
<div class="columns">
  <div class="column is-half is-offset-one-quarter">
    <h2 class="title">Sign up for our newsletter to receive news and specials!</h2>
    <form class="box" action="/newsletter/signup" method="POST">
      <input type="hidden" name="_csrf" value="{{csrf}}">
      <div class="field">
        <label class="label" for="fieldName">Name</label>
        <div class="control">
          <input class="input" type="text" id="fieldName" name="name">
        </div>
      </div>
      <div class="field">
        <label class="label" for="fieldEmail">Email</label>
        <div class="control">
          <input class="input" type="email" id="fieldEmail" name="email" required>
        </div>
      </div>
      <div class="field is-grouped">
        <div class="control">
          <button class="button is-primary" type="submit">Register</button>
        </div>
      </div>
    </form>
  </div>
</div>